<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/login.css" />
		<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
		<script type="text/javascript" src="js/jquery.touchSwipe.min.js" ></script>
	</head>
	<body>
		<div class="content">
			<div class="page page1">
				<img src="img/chun/春.png" class="chun chun-title" />
				<div class="chun-up">
					<li><img src="img/chun/1.png" class="chun chun-1 " /></li>
					<li><img src="img/chun/2.png" class="chun chun-2" /></li>
					<li><img src="img/chun/3.png" class="chun chun-3" /></li>
					<li><img src="img/chun/4.png" class="chun chun-4" /></li>
					<li><img src="img/chun/5.png" class="chun chun-5" /></li>
					<li><img src="img/chun/6.png" class="chun chun-6" /></li>
					<li><img src="img/chun/7.png" class="chun chun-7" /></li>
				</div>
				<div class="chun-down">
					<li><img src="img/chun/8.png" class="chun chun-8" /></li>
					<li><img src="img/chun/9.png" class="chun chun-9" /></li>
					<li><img src="img/chun/10.png" class="chun chun-10" /></li>
					<li><img src="img/chun/11.png" class="chun chun-11" /></li>
					<li><img src="img/chun/12.png" class="chun chun-12" /></li>
					<li><img src="img/chun/13.png" class="chun chun-13" /></li>
					<li><img src="img/chun/14.png" class="chun chun-14" /></li>
				</div>
			</div>
			
			<div class="page page2">
				
			</div>
			<div class="page page3">
				
			</div>	
			<div class="page page4">
				
			</div>
			<div class="mk"></div>
		</div>
		<script>
			/*文字逐一出现*/
			function textShow() {
				$(".")
			}
			
			function musk() {
				$(".mk").animate({
					opacity: "1"
				},2500)
			}
			
			var nowPage = 0;
			$(".content").swipe({
				swipe:function(event,dir) {
					if(dir == "up") {
						nowPage = nowPage+1;
					} else if(dir == "down") {
						nowPage = nowPage-1;
					}
					
					if(nowPage<0) {
						nowPage = 0;
					}
					if(nowPage>3) {
						nowPage = 3;
					}
					
					$(".content").animate({
						top:nowPage*-100+"%"
					},1000,function() {
						console.log(nowPage);
						/*musk();*/
					})
				}
			});
		</script>
	</body>
</html>
